var t;
$(function(){
	// 选择时间和日期
	$(".form-datetime").datetimepicker(
	{
	    weekStart: 1,
	    todayBtn:  1,
	    autoclose: 1,
	    todayHighlight: 1,
	    startView: 2,
	    forceParse: 0,
	    showMeridian: 1,
	    format: "yyyy-mm-dd"
	});
	//脚本modal
	//初始化代码编辑器
	function initCode(){	
		editor=KindEditor.create(document.getElementById("script"), {
			    basePath: '../zui-1.8.1-dist/lib/kindeditor/',
			    bodyClass : 'article-content',
			    resizeType : 1,
			});
	}
	function initCode2(){	
		editor2=KindEditor.create(document.getElementById("edit_script"), {
			    basePath: '../zui-1.8.1-dist/lib/kindeditor/',
			    bodyClass : 'article-content',
			    resizeType : 1,
			});
	}
	
	initCode();
	
	
	t = $('#sample-table-2').DataTable({
		'sAjaxSource': 'allhomeinfotable', 
		"bSort" : true,
		"pagingType": "full_numbers",
		"language": {
             "lengthMenu": "每页 _MENU_ 条记录",
             "zeroRecords": "没有找到记录",
             "info": "第 _PAGE_ 页 ( 总共 _PAGES_ 页 )",
             "infoEmpty": "无记录",
             "infoFiltered": "(从 _MAX_ 条记录过滤)",
             "sSearch":"搜索",
	          "oPaginate": {
                "sFirst": "首页",
                "sPrevious": "前一页",
                "sNext": "后一页",
                "sLast": "尾页"
           		 } 
             },
        
		//每页显示12条数据
		pageLength: 12,
			
		columns: [ {
			"data": "headline"
		}, {
			"data": "source"
		},{
			"data":"uploader"
		},{
			"data":"date",
			"render":function(data){							
			    var date = new Date(data);
			    return date.getFullYear()+"-"+(date.getMonth()+1)+"-"+date.getDate();
			
			}
		},{
			"data":"type"
		},{
			"data": "id",
			"render":function(data,type,full){
				return'<a class="update" href="#"  title="修改"><i class="icon icon-pencil bigger-130"></i></a>'
				+'<a class="delete" href="#" title="删除"><i class="icon icon-trash bigger-130"></i></a>';
			}
		}],
	});

	//启动编辑和删除
	$('#sample-table-2').on('click', 'tr', function(e) {	 		
		var datas=t.row( this ).data();
		console.log(datas);
		var className=e.target.className; 
		if(className.match('update')||className.match('icon icon-pencil bigger-130')){
			$.ajax({
				url:'../homeinformation/gethomeinfobyid',
				type:'POST',
				async:true,
				data:{'id':datas.id},
				success:function(data){	
					initCode2();
					document.getElementById("editForm").reset(); 	
					$('#id').val(data.id);
					$('#editModal').modal();
					$('#edit_result').empty();
					if(data.type!='图片新闻'){
						$('#edit_picnews').hide();
					}else{
						$('#edit_picnews').show();
					}
					//初始化编辑器
					editor2.isEmpty();
					editor2.html(data.detail);
					//日期格式化
					function FormatDate (strTime) {
						 var date = new Date(strTime);
						 return date.getFullYear()+"-"+(date.getMonth()+1)+"-"+date.getDate();
					}
					$('#datepicker').val(FormatDate(data.date));						
					$('#edit_type').val(data.type);										
					$('#headline').val(data.headline);	
					$('#uploader').val(data.uploader); 
					$('#source').val(data.source);
					if($('#edit_type').val()=='图片新闻')$('#edit_result').append('<img width="300" src="'+ data.picnews +'">');
					picnews=data.picnews;		
						 },
				error:function(e){
					console.log(e);
				}
			});
			$("#editModal").modal("show");
		}else if(className.match('delete')||className.match('icon icon-trash bigger-130')){
			$.ajax({
				url:'../homeinformation/removehomeinfo',
				type:'POST',
				async:true,
				data:{'id':datas.id},
				success : function(strValue) {

					if (strValue == true) {

						  new $.zui.Messager('首页信息删除成功。', {
						        icon: 'bell', // 定义消息图标
					        	type:'info'
						    }).show();
						  t.ajax.reload();
					} else{
						  new $.zui.Messager('首页信息删除失败。', {
						        icon: 'bell', // 定义消息图标
					        	type:'danger'
						    }).show();
					}


				}
			}); 
		}	
	 																																	
	});  
	
	//新闻类型涮选
		$('.type').click(function(){
		var val=$(this).text();
		if(val=='全部'){
			val='';
		}
			 $('#sample-table-2').DataTable().column(4).search(val).draw();
	});	 
});

//添加首页信息
function add(){
			var param=$('#addForm').serialize();	
			console.log(param);
			if($('#type').val()=='图片新闻'){
			var base64=base64_data.replace(/^data:image\/(png|jpeg);base64,/, "");
			base64=encodeURIComponent(base64); 
			param+='&picnews='+base64;			
			}else{
				param+='&picnews=null'; 
			}	
			var editorValue=editor.html();
			param+='&editorValue='+editorValue;
			$.ajax({
				url:'../homeinformation/submithomeinformation',
				type:'POST',
				data:param,
				async:true,
				success:function(data){
					//window.location.href='../homeinformation/index';
					if (data == true) {
						  new $.zui.Messager('首页信息添加成功。', {
						        icon: 'bell', // 定义消息图标
					        	type:'info'
						    }).show();
						  t.ajax.reload();
					} else {
						  new $.zui.Messager('首页信息添加失败。', {
						        icon: 'bell', // 定义消息图标
					        	type:'danger'
						    }).show();
					}
					
				}, 
				error:function(e){
					console.log(e);
				}
			});  
		}



//编辑提交
function updateinfo(){
	var param=$('#editForm').serialize();	
	console.log(param);
	if($('#edit_type').val()=='图片新闻'){
	var base64=base64_data.replace(/^data:image\/(png|jpeg);base64,/, "");
	base64=encodeURIComponent(base64); 
	param+='&picnews='+base64;			
	}else{
		param+='&picnews=null';
	}	
	var editorValue=editor2.html();
	param+='&editorValue='+editorValue;
	$.ajax({
		url:'../homeinformation/updatehomeinfo',
		type:'POST',
		data:param,
		async:true,
		success:function(data){
			//window.location.href='../homeinformation/index';
			console.log(data);
			if (data == true) {
				  new $.zui.Messager('首页信息修改成功。', {
				        icon: 'bell', // 定义消息图标
			        	type:'info'
				    }).show();
				  t.ajax.reload();
			} else {
				  new $.zui.Messager('首页信息修改失败。', {
				        icon: 'bell', // 定义消息图标
			        	type:'danger'
				    }).show();
			}
			
		}, 
		error:function(e){
			console.log(e);
		}
	});  
}


$('#type').change(function(){
	if($(this).val()=='图片新闻'){
		$('#picnews').show();
	}else{
		$('#picnews').hide();
	}
});

$('#edit_type').change(function(){
	console.log(11);
	if($(this).val()=='图片新闻'){
		$('#edit_picnews').show();
	}else{
		$('#edit_picnews').hide();
	}
});


var flag=false;//判断change是否被触发

//上传图片预览压缩
$('#xFile').change(function(){	
	 flag=true;
	 var MAX_HEIGHT = 500;
	var file=this.files[0];			
	if(file.size>5*1024*1024){
		 new $.zui.Messager('请选择10m以下的图片。', {
		        icon: 'bell', // 定义消息图标
	        	type:'danger'
		    }).show();
		return;
	}
    if(!/image\/\w+/.test(file.type)){  
		 new $.zui.Messager('清楚，这个需要图片！', {
		        icon: 'bell', // 定义消息图标
	        	type:'danger'
		    }).show(); 
        return;  
    }  
    var reader=new FileReader();
     reader.onload = (function(file) {
            return function(e) {		                
              $('#result').html('<img width="300" src="'+ this.result +'" alt="'+ file.name +'" /><div class="fileName"><span class="label label-info">'+file.name+'</span></div>');	
                base64_data=render(this.result);
               
                    	
            };
        })(file);
      //读取文件内容
        reader.readAsDataURL(file);
      
     		     
     function render(src){		   
     var image = new Image();
     // 绑定 load 事件处理器，加载完成后执行
     image.onload = compress();
    	 
     function compress(){		    
     var canvas = document.getElementById("canvas");
     // 如果高度超标
     if(image.height > MAX_HEIGHT) {
     // 宽度等比例缩放 *=
     image.width *= MAX_HEIGHT / image.height;
     image.height = MAX_HEIGHT;
     }		  
     var ctx = canvas.getContext("2d");
     // canvas清屏
     ctx.clearRect(0, 0, canvas.width, canvas.height);
     // 重置canvas宽高
     canvas.width = image.width;
     canvas.height = image.height;
     //设置背景为白色，否则会变黑
     ctx.fillStyle = "#fff";
     ctx.fillRect(0, 0, canvas.width, canvas.height);
     // 将图像绘制到canvas上		     
     ctx.drawImage(image, 0, 0, image.width, image.height);    
     // !!! 注意，image 没有加入到 dom之中
     var  base64=canvas.toDataURL('image/jpeg', 0.8);	
     return base64;
     
     };		     		  		    
     	image.src =src;
     	return compress();
      		     
     }; 	
    
});

//编辑上传图片预览压缩
$('#edit_xFile').change(function(){	
	 flag=true;
	 var MAX_HEIGHT = 500;
	var file=this.files[0];			
	if(file.size>5*1024*1024){
		 new $.zui.Messager('请选择10m以下的图片。', {
		        icon: 'bell', // 定义消息图标
	        	type:'danger'
		    }).show();
		
		return;
	}
    if(!/image\/\w+/.test(file.type)){  
		 new $.zui.Messager('清楚，这个需要图片！', {
		        icon: 'bell', // 定义消息图标
	        	type:'danger'
		    }).show();
        return;  
    }  
    var reader=new FileReader();
     reader.onload = (function(file) {
            return function(e) {		                
              $('#edit_result').html('<img width="300" src="'+ this.result +'" alt="'+ file.name +'" /><div class="fileName"><span class="label label-info">'+file.name+'</span></div>');	
                base64_data=render(this.result);
               
                    	
            };
        })(file);
      //读取文件内容
        reader.readAsDataURL(file);
      
     		     
     function render(src){		   
     var image = new Image();
     // 绑定 load 事件处理器，加载完成后执行
     image.onload = compress();
    	 
     function compress(){		    
     var canvas = document.getElementById("edit_canvas");
     // 如果高度超标
     if(image.height > MAX_HEIGHT) {
     // 宽度等比例缩放 *=
     image.width *= MAX_HEIGHT / image.height;
     image.height = MAX_HEIGHT;
     }		  
     var ctx = canvas.getContext("2d");
     // canvas清屏
     ctx.clearRect(0, 0, canvas.width, canvas.height);
     // 重置canvas宽高
     canvas.width = image.width;
     canvas.height = image.height;
     //设置背景为白色，否则会变黑
     ctx.fillStyle = "#fff";
     ctx.fillRect(0, 0, canvas.width, canvas.height);
     // 将图像绘制到canvas上		     
     ctx.drawImage(image, 0, 0, image.width, image.height);    
     // !!! 注意，image 没有加入到 dom之中
     var  base64=canvas.toDataURL('image/jpeg', 0.8);	
     return base64;
     
     };		     		  		    
     	image.src =src;
     	return compress();
      		     
     }; 	
    
});

					